<style>
 table th{
   text-align:left;
   width:120px;
 }
 table input{
   width:80%;
   height:20px;
   font-size:15px;
 }
 table td,table th{
   height:30px;
   background-color:#fff;
 }
 table caption{
    font-size:30px;
    background-color:#ccc;
 }
 table{   
    background-color:#ddd;
 }
 table select{
    color:blue;
    font-size:15px;
 }
</style>
<div>
<button id="saveBtn">保存</button>
</div>
<form>
<table border="0" cellspacing="1" style="font-size:14px">
	<caption>
		用户  详细资料
	</caption>
	<tr>
		<th >
			用户名
		</th>
		<td  colspan="4">
			<input name="bean.username" type="text" id="username"
				 />

		</td>
	</tr>
	<tr>
		<th>
			中文名
		</th>
		<td colspan="4">
			<input name="bean.localName" type="text" id="localName"
				/>

		</td>
	</tr>
	<tr>
		<th>
			密码
		</th>
		<td  colspan="4">
			<input name="bean.password" type="password" id="password"
				 />
		</td>
	</tr>
	<tr>
		<th>
			确认密码
		</th>
		<td  colspan="4">
			<input name="bean.repassword" type="password" id="passwordsure"
				/>
		</td>
	</tr>
	<tr>
	<td></td>
	<td>部门</td>
	<td>角色</td>
	<td>权限</td>
	</tr>
	<tr>	
	<td>资源</td>	
		<td>
			<select name="bean.department.id" id="deptId" size="10"></select>
		</td>		
		<td >
			<select name="bean.role.id" size="10" id="roleId"></select>

		</td>
		
		<td >
			<select name="bean.authoritys" id="authName" size="10"	multiple="multiple" ></select>
		</td>
	</tr>
</table>
</form>
<script type="text/javascript">
var act = 'add';
var username = '${(bean.username)!}';
var roleId = "${(bean.role.id)!}";
var deptId= "${(bean.department.id)!}"||-1;
</script>
<script type="text/javascript" src="scripts/apps/admin/user/user.js"></script>